<script setup>
// 加上setup可以在模板中直接使用定义的变量和函数
import { onMounted, ref } from "vue";

//声明一个响应式数据
const count = ref(0);

//定义一个函数
function increment() {
    count.value++;
    //组合式api中没有this，所以不能使用this来访问数据，要访问数据，需要使用ref定义的数据，需要使用.value来访问
}

//钩子函数--直接定义
onMounted(() => {
    console.log("组件已挂载");
});
</script>

<template>
    <button v-on:click="increment">count: {{ count }}</button>
</template>

<style>

</style>